.header1 {
    background: #b3c0d1;
    color: #333;
    padding: 0 !important;
    height: 420px !important;
}

/* 当菜单折叠时，自定义宽度 */
.custom-menu.el-menu--collapse {
    width: 0; /* 你可以根据需要调整这个值 */
}

/* 可能还需要调整子菜单项或菜单项的样式以适应新的宽度 */
.custom-menu.el-menu--collapse .el-menu-item,
.custom-menu.el-menu--collapse .el-submenu__title {
    padding: 0;
    text-align: center; /* 文本居中显示 */
}

/* 滚动条 */
.custom-menu {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
    overflow-y: scroll; /* 仍然允许内容垂直滚动 */
    width: 180px;
}

.custom-menu::-webkit-scrollbar {
    display: none;
}

.question{
    float: right;
    /*display: flex;*/
    margin: auto;
}

.question-card{
    float: right;
    margin-right: 76px;
    max-width: 80%;
}

.user-img {
    width: 60px; /* 示例宽度 */
    height: 60px; /* 示例高度，与宽度相同以保持正*/
    position: absolute; /* 设置绝对定位 */
    right: 3px; /* 距离右边10px */
}

.answer {
    float: left;
    display: flex;
    flex-direction: row; /* 或者 column，取决于你的布局需求 */
    margin-bottom: 20px
}
.answer-card{
    margin-left: 16px; /* 给 avatar 留一些空间 */
    flex: 1;
    max-width: 80%;
}

.ai-img{
    width: 60px; /* 示例宽度 */
    height: 60px; /* 示例高度，与宽度相同以保持正*/
}

.dialogue{
    width: 70%;
    height: 150px;
    position: fixed;
    bottom: -21px; /* 距离屏幕底部20px */
    margin-left: 10%;
}
.dialogue-card{
    background-color: #7ac1c1;
    margin: 5px;
    height: 115px;
}
.input-text{
    width: 80%;
    margin: 0 0 0 80px;
    color: black;
    font-size: 15px;
}
.button1{
    margin: 15px 0 0 20px;
    font-size: 26px;
}